<template>
	<div class="contentCp">
		<div class="bttomBox" :class="{'bttomBox':type==1,'bttomBoxByHome':type==0}"
			v-loading="$store.state.route.loading" element-loading-text="加载中…" element-loading-spinner="el-icon-loading"
			element-loading-background="rgba(255, 255, 255, 0.8)">
			<!-- Header -->
			<vHeader v-if="type==0" :title="title" :subTitle="subTitle" />
			<vTimeTop ref="timeTop" v-if="type==1" :typeChose="typeChose" :title="title" :mzlx="mzlx"
				:centerName="centerName" />
			<!-- <div :class="{'div':type==1,'addChose':typeChose>=0}"></div> -->
			<!-- Content -->
			<!-- 为了不影响布局，slot放在el-main标签内 -->
			<el-main :class="{'el-row-vertical':type==1,'addChose':typeChose>=0,'el-row-verticalLow':type==0}">
				<slot name="customContent"></slot>
			</el-main>
		</div>
	</div>
</template>
<script>
	import {
		commonPost
	} from "@api/data";

	export default {
		name: "CommonPage",
		data() {
			return {
				sceneid: this.$store.state.terminfo.seceninfo.sceneid,
			};
		},
		props: {
			title: String,
			subTitle: String,
			type: '', //0主页 1预约挂号页面
			typeChose: String,
			mzlx: String, //0:门诊挂号 1:门诊预约
			centerName: String
		},
		methods: {
			resetTime() {
				this.$refs.timeTop.reSetTime();
			}
		}

	};
</script>
<style scoped>
	.el-main-horizontal {
		width: 1080px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}

	.el-main-vertical {
		width: 100%;
		overflow: hidden;
	}



	.el-row-horizontal {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0;
		overflow: hidden;
	}





	.el-container {
		position: absolute;
		width: 100%;
		top: 0;
		bottom: 0;
	}

	.el-footer {
		position: fixed;
		width: 100%;
		bottom: 0;
	}

	.header {
		height: 52%;
		width: 100%;
	}

	@media (min-height: 0px) and (max-height: 1910px) {
		.bttomBoxByHome {
			height: 100%;
			width: 100%;
			top: 0px;
			position: absolute;
			display: flex;
			/* align-items: center; */
			justify-content: center;
			flex-wrap: wrap;
		}

	}

	@media (min-height: 1919px) {
		.bttomBoxByHome {
			height: 100%;
			width: 100%;
			top: 0px;
			position: absolute;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
		}

	}
</style>
